<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>编辑地址</title>
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" href="../../css/aui-flex.css">
    <link rel="stylesheet" type="text/css" href="../../css/LArea.min.css" />
    <link rel="stylesheet" href="css/my_address.css">

    <script type="text/javascript" src="../../js/base.js"></script>

    <style type="text/css">
        .aui-list .aui-list-item{
            background-size:100% 0;
        }
        .aui-list .aui-list-item{
            padding-left:0;
        }
        .area_ctrl{
            background:#fff;
        }
        .aui-radio:checked, .aui-radio.aui-checked, .aui-checkbox:checked, .aui-checkbox.aui-checked {
            background-color: #f10b31;
            border: solid 1px #f10b31;
        }
        @media screen and (min-width:321px) and (max-width:376px){
            .iconRight{
                right:-13px;
            }
            .beizhu{
                position:absolute;
                left:5.5rem;
            }
        }
        @media screen and (min-width:377px) and (max-width:415px){
            .iconRight{
                right:-13px;
            }
            .beizhu{
                position:absolute;
                left:5.5rem;
            }
        }
    </style>
</head>
<body>

    <!--<header class="aui-bar aui-bar-nav">-->
        <!--<div class="aui-pull-left aui-btn goBack">-->
            <!--<span class="aui-iconfont aui-icon-left"></span>-->
        <!--</div>-->
        <!--<div class="aui-title">编辑地址</div>-->
    <!--</header>-->
    <section id="xpApp"  v-cloak >
    <div class="aui-content showEdit" style="width:100%;overflow-y: scroll">
        <ul class="aui-list aui-form-list" style="padding:0 0.8rem;background: #fff;margin-top:0.5rem">
            <li class="aui-list-item aui-padded-t-5 aui-padded-b-5">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label" >
                        姓名:
                    </div>
                    <div class="aui-list-item-input ">
                        <input type="text" v-model="selectAddress.consignee">
                    </div>
                </div>
            </li>
            <li style="width:100%;border-bottom: 1px solid #efefef;"></li>
            <li class="aui-list-item aui-padded-t-5 aui-padded-b-5 " >
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label">
                        电话:
                    </div>
                    <div class="aui-list-item-input">
                        <input type="tel"  v-model="selectAddress.tel">
                    </div>
                </div>
            </li>
            <!--<li style="width:100%;border-bottom: 1px solid #efefef;"></li>-->
            </ul>
          <ul class="aui-list aui-form-list" style="padding:0 0.8rem;background: #fff;margin-top:0.5rem">
            <li class="aui-list-item aui-padded-t-5 aui-padded-b-5  city">
                <div class=" aui-flex-col aui-flex-item-12">
                    <div class= aui-flex-item-2" style="height:2rem;line-height: 2rem">
                        所在地区:
                    </div>
                    <div class=" aui-flex-item-8">
                        <div class="content-block aui-padded-l-10">
                            <input id="demo1"  type="text"  placeholder="请选择城市" onfocus="this.blur()"  readonly unselectable="on" style="padding-bottom: 0.2rem;padding-left: 0.5rem;"/>
                            <input id="value1"  type="hidden" />
                        </div>
                    </div>
                    <div class=" aui-flex-item-1 aui-text-right iconRight" style="line-height: 2rem;height:2rem">  <i class="aui-iconfont aui-icon-right"></i></div>
                </div>
            </li>
            <li style="width:100%;border-bottom: 1px solid #efefef;"></li>
            <li class="aui-list-item aui-padded-t-5 aui-padded-b-5" >
                    <div class= aui-flex-item-2" >
                        详细地址:
                    </div>
                    <div class=" aui-flex-item-9">
                        <!--<input style="width:95%" type="text" v-model="selectAddress.address">-->
                        <textarea   rows="2" cols="30" style="margin:0.07rem;" v-model="selectAddress.address"></textarea>
                    </div>
            </li>
        </ul>
        <ul class="aui-list aui-form-list" style="padding:0 0.8rem;background: #fff;margin-top:0.5rem">
        <li class="aui-list-item" style="margin-bottom: 8rem;">
            <div class="aui-list-item-inner" v-on:click="checkBtn()">
                <div class="aui-list-item-title">设为默认地址</div>
                <div class=" aui-font-size-12 beizhu" style="color:#abaeb5">注:每次下单会使用该地址</div>
                <div class="aui-list-item-right aui-padded-r-10"><input class="aui-radio" type="radio" v-bind:checked="isCheck"></div>
            </div>
        </li>
        </ul>

    </div>
    <p><div class="aui-btn aui-btn-info  addBtn" v-on:click="submitEditAddress()">保存</div></p>
    </section>

<script type="text/javascript" src="../../js/zepto.min.js"></script>
<script type="text/javascript" src="../../js/vue.min.js"></script>
<script type="text/javascript" src="../../js/api.js"></script>
<script type="text/javascript" src="../../js/aui-toast.js" ></script>
<script type="text/javascript" src="../../js/aui-dialog.js" ></script>
<script type="text/javascript" src="../../js/LArea.min.js" ></script>
<script type="text/javascript" src="../../js/LAreaData.js" ></script>
<script type="text/javascript" src="./js/edit_address.js"></script>

    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script type="text/javascript" src="../../js/weixin.js" ></script>
</body>
</html>